@charset "utf-8";
@import "common/reset";
@import "common/common";
body{
    overflow: hidden;
}
//全局的预加载
.startLoading{
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    background:#e3234f;
    text-align: center;
    overflow: hidden;
    .scroll_bg{
        position: absolute;
        z-index: 0;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
        img{
            height: 100%;
            width: 100%;
        }
    }
    p{
        color:white;
        display: inline-block;
        font-size:30px;
        margin-top: 300px;
    }
}

//首页
.index_web{
    width: 640px;
    position: relative;
    overflow: hidden;
    background:#e3234f;
    height: 100%;
    text-align: center;
    .scroll_bg{
        position: absolute;
        z-index: 0;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
        img{
            height: 100%;
            width: 100%;
        }
    }
    .content{
        position: absolute;
        width: 100%;
        top:20%;
        left: 50%;
        transform: translateX(-50%);
        .hb_list{
            position: relative;
            display: inline-block;
            width: 20%;
            margin-left: 10px;
            margin-top:20px;
            //卡片
            .guang_card{
                position: absolute;
                opacity: 0;
                top:0;
                left: 10%;
                width: 80%;
                height: auto;
                border-radius:10px ;
            }
            .hongbao_front{
                position: absolute;
                opacity: 0;
                bottom:0;
                left: 0;
                width: 100%;
                height: auto; 
//              border-radius:10px ;
            }
        }
        img{
            width: 100%;
           
        }
    }
    .footer{
        position: absolute;
        width: 100%;
        bottom:10%;
        left: 50%;
        transform: translateX(-50%);
        //底部按钮
        .btn{
            background: url(../images/index_btn.png) no-repeat center/100% 100%;
            margin: 0 auto;
            width: 40%;
            height: 10%;
            padding: 20px;
            img{
                height: 100%;
            }
        }
        
    }
    
}

//整合页面到单页
.web_wrap{
    position: absolute;
    width:640px;
    height: 100%;
    
}
.writing_web_wrap,.show_web_wrap,.index_web{
     display: none;
     
}



/**宝哥哥代码***/
.writing_web .main_text{
	z-index: 0;
}
#wipe {
	position: absolute;
	width: 580px;
	height:580px;
    top:130px;
	left: 30px;
    z-index: 2;
}
#bg_mask{
	position: absolute;
	background: #000000;
	opacity: .4;
	z-index: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 2000ms linear;
	transition: all 2000ms linear;
}
.writing_web .btns{
	z-index: 4;
}



 